RView.vue<template>
<h1>El-轮播图组件</h1>

  <el-carousel style="width:380px;margin:0 auto;">
    <el-carousel-item >
      <img src="/imgs/carousel1.jpg" style="width:100%;" >
    </el-carousel-item>
    <el-carousel-item>
      <img src="/imgs/carousel2.jpg" style="width:100%;" >
    </el-carousel-item>
    <el-carousel-item>
      <img src="/imgs/carousel3.jpg" style="width:100%;" >
    </el-carousel-item>
    <el-carousel-item>
      <img src="/imgs/carousel4.jpg" style="width:100%;" >
    </el-carousel-item>
  </el-carousel>
<hr>
  <el-carousel style="width:500px;margin:0 auto;" type="card" interval="1000">
    <el-carousel-item >
      <img src="/imgs/carousel1.jpg" style="width:100%;" >
    </el-carousel-item>
    <el-carousel-item>
      <img src="/imgs/carousel2.jpg" style="width:100%;" >
    </el-carousel-item>
    <el-carousel-item>
      <img src="/imgs/carousel3.jpg" style="width:100%;" >
    </el-carousel-item>
    <el-carousel-item>
      <img src="/imgs/carousel4.jpg" style="width:100%;" >
    </el-carousel-item>
  </el-carousel>

</template>


<script setup>

</script>



<style scoped>

</style>